<template>
  <div class="home">
    Hello, {{ UserInfo.name }}
    <ul>
      <li>123</li>
      <a href="#">123</a>
    </ul>
  </div>
</template>

<script lang="ts" setup name="Home">
/* 仓库封装 */
import useStore from '@/stores'
const { UserInfo } = useStore()

/* 
之前的仓库没有做封装
import { useUserInfoStore } from '@/stores/modules/userInfo'
const userInfoStore = useUserInfoStore() 
*/
</script>

<style scoped>
.home {
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 30px;
}
</style>
